<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"
	language="java"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<div class="list-table">
	<h2>Danh sách hóa đơn</h2>

	<form action="printBill" method="post"
		style="float: right; display: block;">
		<input type="text" title="Nhập số hóa đơn, tên khách hàng"
			placeholder="Nhập số hóa đơn, tên khách hàng" id="keyword"
			name="keyword"> <input type="submit" value="Tìm kiếm" />
	</form>
	<table id="ver-zebra">
		<colgroup>
			<col class="vzebra-odd" />
			<col class="vzebra-even" />
			<col class="vzebra-odd" />
			<col class="vzebra-even" />
			<col class="vzebra-odd" />
			<col class="vzebra-even" />
			<col class="vzebra-odd" />
		</colgroup>
		<thead>
			<tr>
				<th scope="col" id="vzebra-adventure">Mã hóa đơn</th>
				<th scope="col" id="vzebra-adventure">Tên khách hàng</th>
				<th scope="col" id="vzebra-adventure">Điện thoại</th>
				<th scope="col" id="vzebra-adventure">Ngày bắt đầu</th>
				<th scope="col" id="vzebra-adventure">Ngày kết thúc</th>
				<th scope="col" id="vzebra-adventure">Khung giờ</th>
				<th scope="col" id="vzebra-adventure">Xem hóa đơn</th>
			</tr>
		</thead>
		<tbody>
			<s:if test="listSoccerOrder.isEmpty()">
				<tr>
					<td colspan="8">Chưa có dữ liệu</td>
				</tr>
			</s:if>
			<s:else>
				<s:iterator value="listSoccerOrder">
					<tr>
						<td><s:property value="orderNo" /></td>
						<td><s:property value="person.name" /></td>
						<td><s:property value="person.phone" /></td>
						<td><s:property value="getFormatDate(startDate)" /></td>
						<td><s:property value="getFormatDate(endDate)" /></td>
						<td><s:property value="timeDivision.period" /></td>
						<td><input type="button" value="Xem hóa đơn"
							onclick="viewBill('<s:property value="id" />')" /></td>
					</tr>
				</s:iterator>
			</s:else>
		</tbody>
	</table>
</div>

<!-- Thông tin hóa đơn -->
<s:if test="orderId != 0">
	<div class="list-table" id="bill_section">
		<h2>Thông tin chi tiết hóa đơn</h2>
		<div id="bill_content">
			<div class="col1">Ngày thanh toán</div>
			<div class="col2"><s:property value="getDateFormat(null)"/> </div>
			
			<div class="col1">Mã hóa đơn</div>
			<div class="col2"><s:property value="soccerOrder.orderNo"/> </div>

			<div class="col1">Tên khách hàng</div>
			<div class="col2"><s:property value="soccerOrder.person.name"/></div>

			<div class="col1">Điện thoại</div>
			<div class="col2"><s:property value="soccerOrder.person.phone"/></div>

			<div class="col1">Email</div>
			<div class="col2"><s:property value="soccerOrder.person.email"/></div>

			<div class="col1">Địa chỉ</div>
			<div class="col2"><s:property value="soccerOrder.person.address"/></div>

			<div class="col1">Ngày bắt đầu</div>
			<div class="col2"><s:property value="getDateFormat(soccerOrder.startDate)"/></div>

			<div class="col1">Ngày kết thúc</div>
			<div class="col2"><s:property value="getDateFormat(soccerOrder.endDate)"/></div>

			<div class="col1">Khung giờ</div>
			<div class="col2"><s:property value="soccerOrder.timeDivision.period"/></div>

			<div class="col1">Giá thuê sân(VND)</div>
			<div class="col2" ><s:property value="getPriceFormat(soccerOrder.timeDivision.price)"/></div>

			<div class="col1" style="font-weight: bold;">Dịch vụ khác: </div>
			
			<div class="col1">Tên dịch vụ</div>
			<div class="col2">Đơn giá(VND)</div>
			<div class="col3">Số lượng</div>
			<div class="col4">Tổng tiền(VND)</div>
				
			<s:iterator value="listServiceOrder">
				<div class="col1">+  <s:property value="service.name"/></div>
				<div class="col2"><s:property value="getPriceFormat(unitPrice)"/></div>
				<div class="col3"><s:property value="number_items"/></div>
				<div class="col4"><s:property value="getPriceFormat(number_items*unitPrice)"/></div>
			</s:iterator>
			
			<div class="col1">&nbsp;</div>
			<div class="col2">&nbsp;</div>
			<div class="col3">&nbsp;</div>
			<div class="col4"><s:property value="getPriceFormat(totalServiceOrder)"/></div>
			
			<div class="col1" style="font-weight: bold;">Đặt cọc (VND)</div>
			<div class="col2"><s:property value="getPriceFormat(soccerOrder.deposits)"/></div>
			
			<div class="col1" style="font-weight: bold;">Tổng tiền (VND)</div>
			<div class="col2"><s:property value="getPriceFormat(total)"/></div>
			
			<div class="col1" style="font-weight: bold;">Còn lại (VND)</div>
			<div class="col2"><s:property value="getPriceFormat(total-soccerOrder.deposits)"/></div>
			
			<div class="col1" style="font-weight: bold;">Bằng chữ</div>
			<div class="col2"><s:property value="getWordsOfNumber(total-soccerOrder.deposits)"/></div>
			
			<div class="col5"><input type="button" onclick="printBillPdf('<s:property value="orderId"/>')" value="In hóa đơn"/></div>
		</div>
	</div>
</s:if>

<script type="text/javascript">
	function viewBill(soccerOrderId) {
		window.location.href = "printBill?orderId=" + soccerOrderId;
	}
	function printBillPdf(orderId) {
		window.open("printBillPdf?orderId=" + orderId);
	}
</script>